<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="css/reset.css">
    <link rel="stylesheet" href="css/style.css">
    <link rel="stylesheet" href="css/index.css">
</head>
<body>
<div id="header" class="container-fluid">
    <div id="topBar">
        <div class="container clearfix">
            <div class="left"><img src="img/logo01.jpg" alt=""></div>
            <div class="right ">
                <ul>
                    <li>游戏充值</li>
                    <li>快速通道</li>
                </ul>
            </div>
        </div>
    </div>
    <div id="navBar">
        <div class="container clearfix">
            <div class="left logo"><img src="img/logo.jpg" alt=""></div>
            <div class="right">
                <ul>
                    <li class="active"><a href="index.html">首页</a></li>
                    <li><a href="#">新闻中心</a></li>
                    <li><a href="#">下载专区</a></li>
                    <li><a href="#">充值中心</a></li>
                    <li><a href="#">游戏商城</a></li>
                    <li><a href="#">帮助中心</a></li>
                </ul>
            </div>
        </div>
    </div>
</div>

<div id="slider" class="container-fluid">
    <div id="sliderContent">
        <ul>
            <li class="active"><a href=""><img src="img/s1.jpg" alt=""></a></li>
            <li class=""><a href=""><img src="img/s2.jpg" alt=""></a></li>
            <li class=""><a href=""><img src="img/s3.jpg" alt=""></a></li>
        </ul>
    </div>
    <div id="sliderIndicator">
        <ul>
            <li class="active clearfix">
                <div class="thumb left"><img src="img/thumb1.jpg" alt=""></div>
                <div class="right">
                    <h3 class="title">卡五星</h3>
                    <div class="summary">卡五星麻将是湖北地区最新兴起并流行的游戏，它采用一副麻将牌去</div>
                </div>
            </li>
            <li class="clearfix">
                <div class="thumb left"><img src="img/thumb2.jpg" alt=""></div>
                <div class="right">
                    <h3 class="title">武神赵子龙</h3>
                    <div class="summary">武神赵子龙同名电视剧正版授权，高度影视剧情还原，雄伟场景，带</div>
                </div>
            </li>
            <li class="clearfix">
                <div class="thumb left"><img src="img/thumb3.jpg" alt=""></div>
                <div class="right">
                    <h3 class="title">疯狂雪球</h3>
                    <div class="summary">《疯狂雪球》是一款休闲对战游戏，玩家的目的只有一个，用自己丢</div>
                </div>
            </li>
        </ul>
    </div>
</div>
<div id="content" class="container">
    <div class="section clearfix">
        <div class="left clearfix">
            <div class="col-hd">
                <h2 class="title">最新游戏</h2>
                <div class="more"><a>更多>></a></div>
            </div>
            <div class="col-body">
                <ul class="gamelist1">
                    <li class="gameitem">
                        <div class="thumbnail"><img src="img/hot1.jpg" alt="">
                            <div class="caption"><a href="">游戏详情</a> | <a href="">下载游戏</a></div>
                        </div>
                        <a href=""><h3>游戏标题</h3></a>
                    </li>
                    <li class="gameitem">
                        <div class="thumbnail"><img src="img/hot1.jpg" alt="">
                            <div class="caption"><a href="">游戏详情</a> | <a href="">下载游戏</a></div>
                        </div>
                        <a href=""><h3>游戏标题</h3></a>
                    </li>
                    <li class="gameitem">
                        <div class="thumbnail"><img src="img/hot1.jpg" alt="">
                            <div class="caption"><a href="">游戏详情</a> | <a href="">下载游戏</a></div>
                        </div>
                        <a href=""><h3>游戏标题</h3></a>
                    </li>
                    <li class="gameitem">
                        <div class="thumbnail"><img src="img/hot1.jpg" alt="">
                            <div class="caption"><a href="">游戏详情</a> | <a href="">下载游戏</a></div>
                        </div>
                        <a href=""><h3>游戏标题</h3></a>
                    </li>
                </ul>
            </div>
        </div>
        <div class="right">
            <div class="col-hd">
                <h2 class="title">客服中心</h2>
            </div>
            <div class="col-body">
                <p>客服热线：400-885-2091</p>
                <p>QQ在线客服（7*24）</p>
                <img src="" alt="">
            </div>

        </div>
    </div>

    <div class="section clearfix">
        <div class="left">
            <div class="col-hd">
                <h2 class="title">热门游戏</h2>
                <div class="more"><a>更多>></a></div>
            </div>
            <div class="col-body">
                <ul class="gamelist2">

                    <li class="gameitem">
                        <a href=""><img src="img/game01.png" alt=""></a>
                        <a href="">
                            <h3>斗地主</h3>
                        </a>
                    </li>
                    <li class="gameitem">
                        <a href=""><img src="img/game01.png" alt=""></a>
                        <a href="">
                            <h3>斗地主</h3>
                        </a>
                    </li>
                    <li class="gameitem">
                        <a href=""><img src="img/game01.png" alt=""></a>
                        <a href="">
                            <h3>斗地主</h3>
                        </a>
                    </li>
                    <li class="gameitem">
                        <a href=""><img src="img/game01.png" alt=""></a>
                        <a href="">
                            <h3>斗地主</h3>
                        </a>
                    </li>
                    <li class="gameitem">
                        <a href=""><img src="img/game01.png" alt=""></a>
                        <a href="">
                            <h3>斗地主</h3>
                        </a>
                    </li>
                    <li class="gameitem">
                        <a href=""><img src="img/game01.png" alt=""></a>
                        <a href="">
                            <h3>斗地主</h3>
                        </a>
                    </li>
                    <li class="gameitem">
                        <a href=""><img src="img/game01.png" alt=""></a>
                        <a href="">
                            <h3>斗地主</h3>
                        </a>
                    </li>
                    <li class="gameitem">
                        <a href=""><img src="img/game01.png" alt=""></a>
                        <a href="">
                            <h3>斗地主</h3>
                        </a>
                    </li>
                    <li class="gameitem">
                        <a href=""><img src="img/game01.png" alt=""></a>
                        <a href="">
                            <h3>斗地主</h3>
                        </a>
                    </li>
                    <li class="gameitem">
                        <a href=""><img src="img/game01.png" alt=""></a>
                        <a href="">
                            <h3>斗地主</h3>
                        </a>
                    </li>
                    <li class="gameitem">
                        <a href=""><img src="img/game01.png" alt=""></a>
                        <a href="">
                            <h3>斗地主</h3>
                        </a>
                    </li>
                    <li class="gameitem">
                        <a href=""><img src="img/game01.png" alt=""></a>
                        <a href="">
                            <h3>斗地主</h3>
                        </a>
                    </li>
                </ul>
            </div>
        </div>
        <div class="right">
            <div class="col-hd">
                <h2 class="title">排行榜</h2>
            </div>
            <div class="col-body">
                <div class="tabs">
                    <ul>
                        <li class="active">下载排行</li>
                        <li>活跃排行</li>
                    </ul>
                </div>
                <div class="tab-contents">
                    <ul>
                        <li></li>
                        <li></li>
                    </ul>
                </div>
            </div>

        </div>
    </div>
    <div class="section">
        <div>
            <div class="col-hd">
                <h2 class="title">游戏助手</h2>
                <div class="more"><a>更多>></a></div>
            </div>
        </div>
    </div>
    <div class="section">
        <div>
            <div class="col-hd">
                <h2 class="title">游戏商城</h2>
                <div class="more"><a>更多>></a></div>
            </div>
        </div>
    </div>
</div>
<div id="footer">
    <div id="link"></div>
    <div id="team"></div>
</div>

<script src="js/jquery-1.9.1.min.js"></script>
<script src="js/index.js"></script>
</body>
</html>